.f p{
    padding:5px 0 5px 0;
}

.f input,
.f textarea{
    border:1px dashed #666666;
    font-size:16px;
}

.f fieldset{
    border:0px;
}


/* upload  */

#img-upload{
    width:500px;
}

#img-upload table {
    table-layout: fixed;
    width: 100%;
    text-align:left;
    border-collapse:collapse;
    border-spacing:0;
}

#img-upload col.file {
    width:60%;
}

#img-upload col.size {
    width:20%;
}

#img-upload th {
    text-align:left;
}
#img-upload col.remove {
    width:20%;
}


#img-list .thead,
#img-upload .thead {
    box-sizing: border-box;
    padding-right: 20px;
    top: 0;
    color: #999;
    background-color: #E4E4E4;
}

#img-list .tfoot,
#img-upload .tfoot {
    bottom: 0;
    background-color: #E4E4E4;
    font-weight: bold;
}

#img-list .tbody{
    background-color: #FFF;
}
#img-upload .tbody {
    border: 1px solid #E4E4E4;
    height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #FFF;
}

#img-list tr,
#img-upload tr {
    line-height:2em;
}

#img-upload th,#img-upload td{
    padding: 0 10px;
    border-bottom: 1px solid #E4E4E4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#img-upload td.remove {
    text-align:center;
}

#show_alert {
    font-size:14px;
}

#right-side {
    float:right;
    width:250px;
}

#img-list textarea ,
#add-des textarea{
    background:none repeat scroll 0 0 #FFFFAA;
    height:50px;
    margin-bottom:5px;
    width:100%;
    border:1px solid #BDC7D8;
    font-size:12px;
    overflow:auto;
    padding:3px;
}

/* img list */

#img-list {
    width:550px;
}

.t-select {
    width:20px;
    text-align:center;
}

.t-img {
    width:75px;
    text-align:center;
}

.t-img img{
    width:50px;
    height:50px;
}
.t-des-x,
.t-des {
    width:200px;
}
.t-size{
    width:80px;
    text-align:right;
}

.t-date{
    width:80px;
    text-align:right;
}

.t-action{
    width:100px;
    text-align:center;;
}

.img_pick ul{
    border-bottom:1px solid #999;
    display:block;
    height:35px;
}

.img_pick #title{
    height:55px;
}

.img_pick li{
    float:left;
    margin: 20px 0px 0px 0px;
}

.img_pick .title{
    background: #ccffff;
	border-right:1px solid #FFF;
    font-weight: bold;
    padding-top:10px;
    height:25px;
}

.img_pick .l1{
    padding-left:5px;
    width: 115px;
}

.img_pick .l2{
    padding-left:5px;
    width: 260px;
}

.img_pick .l3{
    padding-left:5px;
    width: 155px;
}

.img_pick .l4{
    padding-left:5px;
    width: 115px;
}

.img_pick .l5{
    padding-left:5px;
    width: 85px;
}

.pick_base{
    width:800px;
    border: 1px dotted #666;
    margin-top:5px;
}
.pick_base ul{
    min-height:100px;
}
.pick_base li{
    width: 100%;
    min-height:30px;
    border-top:1px #ccc dotted;
    display: table;
    clear:both;
}

.pick_base input{
    border:1px #999 dotted;
}

.pick_base textarea{
    border:1px #999 dotted;
}

.pick_base select{
    border:1px #999 dotted;
}

.pick_base .ptitle{
    font-weight:bold;
    /*border-bottom:1px #ccc dotted;*/
    height:30px;
    background:#f2f2f2;
    width:100%;
}
.pick_base div{
    padding: 5px 0px 5px 5px;
    display: block;
    float: left;
    min-width: 80px;
}
.pick_base span{
    display: block;
    min-height:30px;
    width:550px;
}

.pick_base textarea{
    width:600px;
    height:50px;
    float:left;
}

.pick_base .btn{
    color: #0066ff;
    text-decoration:underline;
    cursor:pointer;
}

.pick_base .input{
    width: 120px;
}

.pick_base .url_input{
    width: 450px;
}

.pick_info_details{
    width:100%;
    height:550px;
    border:1px #999 solid;
    background:#333;
    font-size:12px;
    color:#FFF;
    overflow-y:scroll;
    margin:20px 0px 10px 0px;
    padding:5px;
}

.pick_info_bar{
    width:100%;
    font-size:12px;
}

.pick_info_bar span{
    margin: 0px 5px 0px 5px;
    font-weight:bold;
}

/*.pick_base input{
    min-width:50px;
}*/

.clear{
    clear:both;
    height:0px;
    width:0px;
}

.pick_botton{
    height:25px;
    padding-top:5px;
    text-align:left;
}

.pick_botton input{
    width:60px;
    height:30px;
    padding:5px;
    border:1px solid #999;
    font-weight: bold;
    cursor:pointer;
}


body{
    background: url('images/bg.jpg');
    font-size: 12px;
    margin:0 auto;
    padding:0 auto;
}

.main{
    width:100%;
    min-height:682px;
    overflow:hidden;
}

.main_left{
    width:189px;
    background: url('images/menu_bg.jpg');
    height:100%;
    padding-bottom:100000px;
    margin-bottom:-100000px;
    float:left;
}
.logo{
    padding:25px 0px 25px 20px;
}
.left_splitor{
    width:189px;
    height:2px;
    background: url('images/splitor.jpg') repeat-x;
}

.menu{
    margin-top:2px;
}

.menu_title{
    margin:0px 1px 0px 1px;
    background: url('images/menu_bar_bg.jpg') repeat-x;
    height:34px;
    display:block;
}

.menu_title span{
    float:left;
    display:block;
    margin:10px 0px 0px 5px;
    font-weight:bold;
    color: #666;
    text-shadow: 1px 1px 1px #f2f2f2;
    cursor:pointer;
}

.menu_title .icon{
    margin-left:10px;
}

.menu_status{
    float:right;
    margin:13px 10px 0px 0px;
    cursor:pointer;
}
.menu_children{
    height:24px;
    background:#40596c;
    border-top:1px solid #557690;
    border-bottom:1px solid #2b3c48;
    display:block;
    width: 160px;
    padding: 10px 0px 0px 28px;
    color: #FFF;
}
.menu ls{
    height:2px;
    display:block;
    background:url('images/splitor2.jpg') repeat-x;
}

.menu ll span{
    float:left;
    display:block;
    margin:10px 0px 0px 5px;
}

.menu_selected{
    float:right !important;
    width:17px;
    height:20px;
    background:url('images/arrow_left.jpg') no-repeat;
}

.menu ll .menu_name{
    font-weight:normal;
    color: #ebebeb;
    padding-left:26px;
    cursor:pointer;
}

.menu_bottom{
    margin:0px 1px 0px 1px;
    background:url('images/bar_footer.jpg') repeat-x;
    height:11px;
    width:187px;
}

.user_bar{
    width: auto;
    height:39px;
    margin:12px;
    background:url('images/user_bar_midd.jpg')  repeat-x;
}

.user_bar span{
    display:block;
    float:left;
    height:39px;
}

.user_bar .left{
    width:4px;
    background:url('images/user_bar_left.jpg')  no-repeat;
}

.user_bar .logout{
    width:45px;
    padding: 12px 0px 0px 24px;
    font-size:12px;
    color:#3f91d1;
    text-decoration:underline;
    background:url('images/user_bar_splitor.jpg')  no-repeat;
    float:right;
}
.user_bar .info{
    padding: 12px 0px 0px 12px;
    font-size:12px;
    color:#ccc;
}

.user_bar .right{
    width:4px;
    background:url('images/user_bar_right.jpg')  no-repeat;
    float:right;
}

.main_right{
    float:left;
    width:auto;
}

.info_bar{
    width: 800px;
    height:27px;
    margin:12px;
    padding:12px 0px 0px 7px;
    overflow:hidden;
}

.error{
    border: #cb0110 1px solid;
    background:#ffeaea;
}

.error_icon{
    background:url('images/err_del.png')  no-repeat;
    height:19px;
    width:21px;
} 

.notice{
    border: #aa9311 1px solid;
    background:#fffdf0;
}

.notice_icon{
    background:url('images/notice.png')  no-repeat;
    height:19px;
    width:21px;
} 

.successed{
    border: #217524 1px solid;
    background:#edffee;
}

.successed_icon{
    background:url('images/ok.png')  no-repeat;
    height:19px;
    width:21px;
} 
.info_bar span{
    display:block;
    float:left;
    margin-left:5px;
}

.contents .title{
    width:auto;
    height:40px;
    background:url('images/content_bar_midd.jpg')  repeat-x;
    margin: 0px 12px 0px 12px;
}

.contents .title span{
    float:left;
    display:block;
}

.contents .title .left{
    background:url('images/content_bar_left.jpg')  no-repeat;
    width:4px;
    height:40px;
}
.contents .title .right{
    background:url('images/content_bar_right.jpg')  no-repeat;
    width:4px;
    height:40px;
    float:right;
}

.contents .title .info{
    padding-top:12px;
    font-weight:bold;
    color:#fff;
    margin-left:10px;
    text-shadow: 1px 1px 1px #333;
}

.contents .middle{
    width:auto;
    min-width:800px;
    height:100%;
    margin: 0px 12px 0px 12px;
    background:#FFF;
    overflow:hidden;
}

.contents .middle span{
    display:inline-table;
    float:left;
}

.contents .middle .info{
    width:98%;
    float:left;
    padding:18px;
}

.contents .middle .info tr{
    height:35px;
    border:1px solid #fff;
}

.contents .middle .info tr img{
    cursor: pointer;
    margin-top:5px;
    border:0px;
}

.contents .middle .info table{
    width:auto;
    margin:0 auto;
    border-collapse:collapse;
    border-spacing:1px;
    /*margin-left:17px;*/
}

.contents .middle .info td{
    padding-left: 8px;
    border: 1px solid #FFF;
}

.contents .middle .info .odd{
    background: #eeeeee;
}

.contents .middle .info .ititle{
    font-weight:bold;
}
.contents .middle .info .ititle td{
    border-bottom:1px solid #666;
    border-right: 0px;
}

.contents .middle .left{
    background:url('images/content_midd_left.jpg')  repeat-y;
    width:4px;
    float:left;
    margin-bottom:-10000px;padding-bottom:10000px;
}
.contents .middle .right{
    background:url('images/content_midd_right.jpg')  repeat-y;
    width:4px;
    float:right;
    margin-bottom:-10000px;padding-bottom:10000px;
}

.contents .footer{
    width:auto;
    height:5px;
    margin: 0px 12px 0px 12px;
    background:url('images/content_footer_midd.jpg')  repeat-x;
}

.contents .footer span{
    float:left;
    display:block;
}

.contents .footer .left{
    background:url('images/content_footer_left.jpg')  no-repeat;
    width:4px;
    height:5px;
}
.contents .footer .right{
    background:url('images/content_footer_right.jpg')  no-repeat;
    width:4px;
    height:5px;
    float:right;
}
.clear{
    clear:both;
}